<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>测使项目</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">

    <!-- Bootstrap 3.3.6 -->
    <link rel="stylesheet" href="${ctxPath}/vendor/bootstrap/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="${ctxPath}/vendor/dist/css/font-awesome.min.css">
    <!-- Ionicons -->
    <link rel="stylesheet" href="${ctxPath}/vendor/dist/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="${ctxPath}/vendor/dist/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="${ctxPath}/vendor/dist/css/skins/all-skins.min.css">
    
	<link rel="stylesheet" href="${ctxPath}/assets/css/global.css" />
		<link rel="stylesheet" href="${ctxPath}/assets/css/main.css" />


    <!--http://aimodu.org:7777/admin/index_iframe.html?q=audio&search=#-->
    <style type="text/css">
    
    </style>
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="${ctxPath}/vendor/plugins/ie9/html5shiv.min.js"></script>
    <script src="${ctxPath}/vendor/plugins/ie9/respond.min.js"></script>
    <![endif]-->
</head>
<body >

<div >
 
  <!-- Main content -->
  <section >
    <!-- Your Page Content Here -->
    <div class="row">
      <div class="col-xs-12">
        <div class="box">
           <form  class="form-inline">
	          <div class="box-header">
	            <div class="input-group">
		            <a class="btn btn-primary dialog" href="javascript:;" data-url="/system/user/add" data-title="创建新用户" data-width="850" data-height="550"><i class="fa fa-plus"></i> 创建新用户</a>
	            </div>
	            <div class="input-group">
	               <input type="text" name="search" value="${search!}" class="form-control" placeholder="Search">
	               <div class="input-group-btn">
	                 <button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
	                 <a href="/system/user/list/1" class="btn btn-default"><i class="fa fa-refresh"></i></a>
	               </div>
	            </div>
	            <div class="input-group pull-right">
                 <button type="button"  class="btn btn-primary btn-flat" onclick="exportTo('用户数据');"><i class="fa fa-file-excel-o"></i> 导出</button>
            </div>
	          </div><!-- /.box-header -->
           </form>
          <div id="table-container" class="box-body table-responsive no-padding">
          	@#ajax table:{
            <table class="table table-hover">
              <tr>
                <th  width="100px"><input name="userState" type="checkbox" class="minimal checkbox-toolbar"> 行号</th>
                <th>用户名</th>
                <th>描述</th>
                <th>创建时间</th>
                <th>部门</th>
                <th>状态</th>
                <th width="120px">	作</th>
              </tr>
              @for(user in pageData.records ! []){
							<tr onclick="chooseItem(this)">
								<td><input type="checkbox" class="minimal checkbox-toolbar"></td>
								<td>${userLP.index}</td>
								<td>${user.userName}</td>
								<td>${user.userDesc}</td>
								<td>${user.createTime, dateFormat="yyyy-MM-dd HH:mm"}</td>
								<td>${user.deptName}</td>
								<td>
								@if(user.userState==1){
									启用
								@}else{
								<font color="red">禁用</font>
								@}
								</td>
							<td>
	           
	                	<a class="btn btn-primary btn-xs dialog" href="javascript:;" data-url="" data-title="编辑用户" data-width="850" data-height="550">编辑</a>
	                	<a class="btn btn-danger btn-xs"
	                	 data-tiggle="ajax"
	                	 data-submit-url=""
	                	 data-confirm="您确定要删除该条记录吗?">删除</a>
	                	</td>
							</tr>
							@}elsefor{
							<tr>
						        <td colspan="7" class="text-center">
						        	没有找到要查询的数据
						        </td>
					    	</tr>
							@}
           
            </table>
            	<#pagenate func="findbypage" page="${pageData}" />
            @}
          </div><!-- /.box-body -->
        </div><!-- /.box -->
      </div>
    </div>
  </section><!-- /.content -->
</div><!-- /.content-wrapper -->
	<input type="hidden" id="basePath" value="${ctxPath}" />
	
<!-- jQuery 2.2.3 -->
<script src="${ctxPath}/vendor/plugins/jQuery/jquery-2.2.3.min.js"></script>
<!-- Bootstrap 3.3.6 -->
<script src="${ctxPath}/vendor/bootstrap/js/bootstrap.min.js"></script>
<!-- Slimscroll -->
<script src="${ctxPath}/vendor/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="${ctxPath}/vendor/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="${ctxPath}/vendor/dist/js/app.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="${ctxPath}/vendor/dist/js/demo.js"></script>

<!--tabs-->
<script src="${ctxPath}/vendor/dist/js/app_iframe.js"></script>

<script src="${ctxPath}/assets/js/system/yhgl/yhgl_index.js"></script>

<!--<script src="${ctxPath}/vendor/dist/js/jquery.blockui.min.js"></script>
<script src="${ctxPath}/vendor/dist/js/appx.js"></script>
<script src="${ctxPath}/vendor/dist/js/bootstrap-tab.js"></script>
<script src="${ctxPath}/vendor/dist/js/sidebarMenu.js"></script>-->



</body>
</html>